﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="AgLux.Page;assembly=ClientBin/eLearning.dll"
        Background="White"
        Loaded="Page_Loaded"
        >

  <Canvas.Resources>

    <!-- // -->
    <Storyboard x:Name="second" Duration="00:00:01"/>

    <!-- // -->
    <Storyboard x:Name="intro">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="agluxLogotype" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.001"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.1500000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="0.9"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="agluxLogotype" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.001"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.1500000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="0.9"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="agluxLogotype" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:03" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="agluxElearning" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="30"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.7500000" Value="30"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="agluxElearning" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.7500000" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:03" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="developed" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:03.5000000" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:04" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:05" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:05.5000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="silverlightLogotype" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:06" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:06.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:08.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:09" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="microsoft" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
        <SplineDoubleKeyFrame KeyTime="00:00:07" Value="0"/>

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="microsoftDistance" KeyTime="00:00:07.5000000"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="microsoft" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:07" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:07.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:08.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:09" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="silverlight" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
        <SplineDoubleKeyFrame KeyTime="00:00:07" Value="0"/>

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="silverlightDistance" KeyTime="00:00:07.5000000"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="silverlight" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:07" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:07.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:08.5000000" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:09" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="by" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:09.5000000" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:10" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:11" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:11.5000000" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:12.5000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

  </Canvas.Resources>

  <!-- // -->
  <Canvas x:Name="introArea" Background="Transparent">

    <!-- // -->
    <MediaElement x:Name="agluxSignature" Source="Resource/agluxSignature.mp3" AutoPlay="False"/>

    <!-- // -->
    <Canvas x:Name="agluxLogotype" Width="355.511" Height="418.335" Opacity="0" RenderTransformOrigin="0.5,0.5">
      <Canvas.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Canvas.RenderTransform>
      <Path Width="355.511" Height="418.335" Stretch="Fill" Data="F1 M 336.113,10.9303C 336.446,10.501 338.267,14.5641 340.162,19.9585C 340.162,19.9585 351.726,52.8962 361.664,72.515C 371.394,91.7242 388.732,115.098 388.732,115.098C 392.138,119.689 390.489,121.963 385.068,120.15L 353.781,108.27C 348.97,105.183 345.034,107.335 345.034,113.052L 345.034,324.051C 345.034,329.767 347.266,330.335 349.996,325.312L 453.378,136.743C 456.1,131.716 453.656,127.797 447.944,128.033L 415.436,123.749C 409.872,122.44 409.396,119.074 414.38,116.273L 502.616,57.6889C 506.842,53.8379 510.572,51.0378 510.906,51.467C 511.238,51.8964 511.94,52.1302 512.465,51.9867C 512.989,51.8433 512.754,56.3575 511.945,62.016L 510.704,167.12C 511.053,172.826 509.17,177.16 506.52,176.751L 506.141,176.455C 494.95,167.726 482.267,145.941 482.267,145.941C 479.391,141 474.789,141.058 472.038,146.072L 357.225,355.428C 354.521,360.466 354.567,368.684 357.326,373.692L 383.397,419.045C 386.307,423.965 384.011,428.014 378.295,428.044L 296.18,429.234C 290.464,429.122 288.065,424.945 290.848,419.951L 314.706,377.637C 317.666,372.747 317.843,364.642 315.098,359.627L 199.305,146.079C 196.563,141.063 192.002,141.02 189.167,145.985L 166.166,171.023C 162.214,175.155 159.281,173.866 159.648,168.162L 157.363,59.933C 156.538,54.2766 159.728,52.1624 164.453,55.2359L 167.296,57.9633C 193.249,82.8623 255.786,115.517 255.786,115.517C 260.854,118.162 260.478,121.524 254.952,122.987L 223.41,128.13C 217.701,127.841 215.275,131.707 218.019,136.721L 318.17,323.273C 320.94,328.274 323.217,327.689 323.23,321.972L 324.339,115.131C 324.288,109.414 320.35,107.325 315.587,110.488L 287.11,119.553C 281.81,121.694 278.181,121.384 279.048,118.862L 279.551,118.249C 302.299,90.5736 329.788,20.8597 329.788,20.8597C 331.885,15.5421 334.028,11.3065 334.553,11.45C 335.078,11.5935 335.779,11.3596 336.113,10.9303 Z ">
        <Path.Fill>
          <RadialGradientBrush RadiusX="0.481038" RadiusY="0.408798" Center="0.510901,0.792875" GradientOrigin="0.510901,0.792875">
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup/>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Color="#FFFFFFFF" Offset="0"/>
            <GradientStop Color="#FF78B1D8" Offset="1"/>
          </RadialGradientBrush>
        </Path.Fill>
      </Path>
      <Path Width="355.511" Height="418.335" Stretch="Fill" Data="F1 M 345.113,10.9303C 345.446,10.501 347.267,14.5641 349.162,19.9585C 349.162,19.9585 360.726,52.8962 370.664,72.515C 380.394,91.7242 397.732,115.098 397.732,115.098C 401.138,119.689 399.489,121.963 394.068,120.15L 362.781,108.27C 357.97,105.183 354.034,107.335 354.034,113.052L 354.034,324.051C 354.034,329.767 356.266,330.335 358.996,325.312L 462.378,136.743C 465.1,131.716 462.656,127.797 456.944,128.033L 424.436,123.749C 418.872,122.44 418.396,119.074 423.38,116.273L 511.616,57.689C 515.842,53.8379 519.572,51.0378 519.906,51.467C 520.238,51.8964 520.94,52.1302 521.465,51.9868C 521.989,51.8433 521.754,56.3575 520.945,62.016L 519.704,167.12C 520.054,172.826 518.17,177.16 515.52,176.751L 515.141,176.455C 503.95,167.726 491.267,145.941 491.267,145.941C 488.391,141 483.789,141.058 481.038,146.072L 366.225,355.428C 363.521,360.466 363.567,368.684 366.326,373.692L 392.397,419.045C 395.307,423.965 393.011,428.014 387.295,428.044L 305.18,429.234C 299.464,429.122 297.065,424.945 299.848,419.951L 323.706,377.637C 326.666,372.747 326.843,364.642 324.098,359.627L 208.305,146.079C 205.563,141.063 201.002,141.02 198.167,145.985L 175.166,171.023C 171.214,175.155 168.281,173.866 168.648,168.162L 166.363,59.933C 165.538,54.2766 168.728,52.1624 173.453,55.2359L 176.296,57.9633C 202.249,82.8623 264.786,115.517 264.786,115.517C 269.854,118.162 269.478,121.524 263.952,122.987L 232.41,128.13C 226.701,127.841 224.275,131.707 227.019,136.721L 327.17,323.273C 329.94,328.274 332.217,327.689 332.23,321.972L 333.339,115.131C 333.288,109.414 329.35,107.325 324.587,110.488L 296.11,119.553C 290.81,121.694 287.181,121.384 288.048,118.862L 288.551,118.249C 311.299,90.5736 338.788,20.8597 338.788,20.8597C 340.885,15.5421 343.028,11.3065 343.553,11.45C 344.078,11.5935 344.779,11.3596 345.113,10.9303 Z ">
        <Path.Fill>
          <RadialGradientBrush RadiusX="0.545969" RadiusY="0.463978" Center="0.5,0.5" GradientOrigin="0.5,0.5">
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup/>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Color="#A6FFFFFF" Offset="0"/>
            <GradientStop Color="#A6A0A0A0" Offset="0.292135"/>
            <GradientStop Color="#A65D5D5D" Offset="0.668539"/>
            <GradientStop Color="#A64F4F4F" Offset="1"/>
          </RadialGradientBrush>
        </Path.Fill>
      </Path>
    </Canvas>

    <!-- // -->
    <Image x:Name="agluxElearning" Source="Resource/agluxElearning.png" Width="695.913" Height="127.984" Opacity="0" RenderTransformOrigin="0.5,0.5">
      <Image.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Image.RenderTransform>
    </Image>

    <!-- // -->
    <TextBlock x:Name="developed" Text="developed in" FontFamily="Trebuchet MS" FontSize="50" Opacity="0"/>

    <!-- // -->
    <Image x:Name="silverlightLogotype" Source="Resource/silverlightLogotype.png" Width="331" Height="325" Opacity="0"/>

    <!-- // -->
    <Image x:Name="microsoft" Source="Resource/microsoft.png" Width="227.971" Height="41.328" Opacity="0">
      <Image.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Image.RenderTransform>
    </Image>

    <!-- // -->
    <Image x:Name="silverlight" Source="Resource/silverlight.png" Width="589.26" Height="141.316" Opacity="0">
      <Image.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Image.RenderTransform>
    </Image>

    <!-- // -->
    <Canvas x:Name="by" Width="380.123" Height="290.285" Opacity="0">
      <TextBlock Canvas.Left="163.8" Text="by" FontFamily="Trebuchet MS" FontSize="50"/>
      <TextBlock Canvas.Left="42" Canvas.Top="116.114" Text="Annie Aschan" FontFamily="Trebuchet MS" FontSize="50"/>
      <TextBlock Canvas.Top="174.171" Text="Martin Bonnevier" FontFamily="Trebuchet MS" FontSize="50"/>
      <TextBlock Canvas.Left="21.422" Canvas.Top="232.228" Text="Sara Johansson" FontFamily="Trebuchet MS" FontSize="50"/>
    </Canvas>
  </Canvas>

</Canvas>
